<!DOCTYPE html PUBLIC>
<html>
<head>
  <title>项目二-1802-48-刘雅倩</title>
  <link href="style.css" rel="stylesheet" type="text/css"><link/>

  <meta charset="utf-8"> 
	<title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title>
	<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	
</head>
<body>
项目二-1802-刘雅倩
<div id="Container">
外框

<div id="Login">
<ul>
	<li><a href="login.html">登录</a></li>
	<li><a href="register.html">注册</a></li>

</ul>

</div>
<div id="Header">我是绿色页眉
<br/>
<div id="Nav">
<ul>
  <li><a class="index.html">主页</a></li>
  <li><a href="http://news.sohu.com">新闻</a></li>
  <li><a href="#contact">联系</a></li>
  <li><a href="#about">关于</a></li>
</ul>


</div>

</div>


<div id="PageBody">

	<div id="MainBody">我是黄色的主题内容
	<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="123.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="456.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="789.jpg" alt="Third slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div> 
	
	
	
	</div>
	
	

	

</div>
<div id="Footer">我是粉红色的页脚</div>
</div>




</body>



</html>